<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Geo Typing Demo 3</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.geo.typing.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$("#lang").change(function(){
	if($(this).attr('checked')===true) { 
		$(".georgian").geo();
	}else{
		$(".georgian").geo({ turn: "off" });
	}
});

});
</script>
</head>

<body>
<h2>დემო 3</h2>
<em>ჩართვა გამორთვის ფუნქცია (კლასიკური)</em><hr /><br />

<label>
<input type="checkbox" id="lang" name="lang" /> ჩართვა / გამორთვა
</label>
<br />
<br />

<label>
Input –ველი <br />
<input type="text" id="some_input" name="some_input" class="georgian"><br />
</label>
<br />
<label>
Textarea -ველი:<br />
<textarea id="some_textarea" class="georgian"></textarea>
</label>
<br /><hr />
გამოყენების მაგალითი:<br />

<fieldset>
  <legend>Jquery</legend>
    <p>$(document).ready(function() {</p>
    <p>$(&quot;#lang&quot;).change(function(){<br />
      if($(this).attr('checked')===true) { <br />
      $(&quot;.georgian&quot;).geo();<br />
      }else{<br />
      $(&quot;.georgian&quot;).geo({ turn: &quot;off&quot; });<br />
      }<br />
      });</p>
    <p>});</p>
</fieldset>
<fieldset>
  <legend>HTML</legend>
    <p>&lt;!--ღილაკები --&gt;<br />
      &lt;label&gt;<br />
      &lt;input type=&quot;checkbox&quot; id=&quot;lang&quot; name=&quot;lang&quot; /&gt; ჩართვა / გამორთვა<br />
    &lt;/label&gt;</p>
    <p>&lt;!-- ველები --&gt;<br />
    &lt;input type=&quot;text&quot; id=&quot;some_input&quot; name=&quot;some_input&quot; <font color="#FF0000"> class=&quot;georgian&quot;</font>&gt;    <br />
    &lt;textarea id=&quot;some_textarea&quot; <font color="#FF0000">class=&quot;georgian&quot;</font>&gt;&lt;/textarea&gt;    </p>
</fieldset>
</body>
</html>
